<template>
	<div id="newActivity">
		<div class="content-box">
			<div class="content-title">
				<ul>
					<li><i class="fa fa-check-circle" aria-hidden="true"></i>新建活动</li>
					<li class="linebox"></li>
					<li><i class="fa fa-check-circle" aria-hidden="true"></i>选择模板</li>
					<li class="linebox"></li>
					<li><i class="fa fa-check-circle" aria-hidden="true"></i>活动设置</li>
				</ul>
			</div>
			<div class="title-tip">请选择活动类型</div>
			<div class="choose-box" style="text-align: center">
                <img src="../assets/img/startimg.png">
                <p>SDK对接，定向投放和场景活动，适用于APP，微信商城等应用</p>
                <el-button @click="goToChoosePage" size="medium" type="danger" round>选择</el-button>
            </div>
		</div>
	</div>
</template>
<script>
import {mapGetters} from 'vuex';
	export default {
		data(){
			return {

			}
		},
		mounted(){

		},
		methods: {
			goToChoosePage(){
				this.$router.push({
					name: 'ownedAll'
				});
			}
		}
	}
</script>
<style lang="less" scoped>
	#newActivity{
		width:100%;
		min-height: 100%;
		background: #fff;
		padding: 20px 40px;
		box-sizing: border-box;
	}
	.content-box{
		width:100%;
		background: #ffffff;
		padding-bottom:20px;
	}
	.content-title{
		padding-top:20px;
		line-height: 30px;
	}
	.content-title ul{
		font-weight: 700;
		font-size: 18px;
		color:#888888;
		text-align: center;
	}
	.content-title ul li{
		display: inline-block;
		padding-left: 5px;
    	padding-right: 5px;
	}
	.content-title ul li:first-child{
		color:#5B7D9A;
	}
	.content-title ul .linebox{
		width: 10%;
    	border-bottom: 1px solid #d0d0d0;
    	border-top: 1px solid #e9e9e9;
    	margin-bottom: 4px;
	}
	.fa-check-circle{
		margin-right: 3px;
	}
	.title-tip{
		font-size: 18px;
		margin: 20px 0;
		text-align: center;
		color:#333333;
	}
	.choose-box{
		text-align: center;
	}
	.choose-box img{
		height:324px;
	}
	.choose-box p{
		font-size: 14px;
	    font-weight: 400;
	    color: #888888;
	    margin-bottom: 9px;
	}
</style>